<template>
  <div class="">
    <div
      v-for="item in info"
      :key="item.houseCode"
      class="div"
      @click="$router.push({ name: 'homeinfo', query: { id: item.houseCode } })"
    >
      <div class="div1">
        <img :src="item.houseImg" alt="" width="106px" height="80px" />
      </div>
      <div class="div2">
        <p>{{ item.title }}</p>
        <p>{{ item.desc }}</p>
        <p style="color: red">{{ item.price }}元/月</p>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: 'HouseList',
  props: {
    info: {
      type: Array
    }
  },
  components: {},
  data () {
    return {}
  },
  computed: {},
  watch: {},
  methods: {},
  created () {},
  mounted () {},
  beforeDestroy () {}
}
</script>
<style lang="less" scoped>
.div {
  display: flex;
}
.div1 {
  display: flex;
  flex: 1;
}
.div2 {
  flex: 1;
}
</style>
